$(document).ready(function () {
  var table = $('table#table').DataTable({
      initComplete: function(settings, json) {
          $("#table").removeClass('dataTable');
          $("#table").parent().addClass('table-responsive');

          $("#table").parent()
              .css('max-height', $(window).height() - $('#query-area').height() - 260)
              .css('height', 'auto')
              .css('overflow-y', 'visible');

          $("#table").on('change', 'input[type="checkbox"]', function () {
              if($(this).prop('checked')) {
                  $(this).closest('tr').addClass('warning');
              } else {
                  $(this).closest('tr').removeClass('warning');
              }
          });

          // 动态添加搜索条件行间距样式
        $('<style>').text(`#query-area .form-group {margin-bottom: 15px;}`).appendTo('head');

        // 动态添加表头居中样式
        $('<style>').text('#table thead th { text-align: center !important; }').appendTo('head');

        // 添加行点击事件处理
          $("#table tbody").on('click', 'tr', function(e) {
              // 避免点击复选框本身时触发两次
              if (!$(e.target).is('input[type="checkbox"]')) {
                  // 找到当前行的复选框
                  var checkbox = $(this).find('input[type="checkbox"]').first();
                  // 切换复选框状态
                  checkbox.prop('checked', !checkbox.prop('checked'));
                  // 触发change事件以更新行样式
                  checkbox.trigger('change');
              }
          });
      },
    ajax: {
      url: baseUrl + '/datatable',
      data : function(d) {
		var no       = $('.search-form').find('input[name="no"]').val();
        var name     = $('.search-form').find('input[name="name"]').val();
        var contnum  = $('.search-form').find('input[name="containnum"]').val();
        d.no          = no;
        d.name        = name;
        d.containnum  = contnum;
        return d;
      }
    },
    order: [
      [1, 'asc']
    ],
    columns: [{
      data: 'id',
      sortable: false,
      defaultContent: '',
      'class': 'text-center',
      render: function (data, type, row, meta) {
          return '<input type="checkbox" name="ids" value="' + data + '" style="transform: scale(1.5);"/>'
      }
    },{
      name: 'number',
      data: 'number',
        'class': 'text-center',
    },{
      name: 'type',
      data: 'type',
        'class': 'text-center',
      render: function (data, type, row, meta) {
      	return VALUES_MAP_DICT_TYPE && VALUES_MAP_DICT_TYPE[data] ? VALUES_MAP_DICT_TYPE[data].text : '';
      }
    },{
      name: 'material.code',
      data: 'material.code',
        'class': 'text-center',
    },{
      name: 'material.name',
      data: 'material.name',
        'class': 'text-center',
    },{
      name: 'docNumber',
      data: 'docNumber',
        'class': 'text-center',
    },{
      name: 'docLinenumber',
      data: 'docLinenumber',
        'class': 'text-center',
    },{
      name: 'fromQty',
      data: 'fromQty',
        'class': 'text-center',
    },{
      name: 'fromUomCode',
      data: 'fromUomCode',
        'class': 'text-center',
    },{
      name: 'lotattr06',
      data: 'lotattr06',
        'class': 'text-center',
    },{
      name: 'bulkNumber',
      data: 'bulkNumber',
        'class': 'text-center',
    },{
      name: 'fromLocation.code',
      data: 'fromLocation.code',
        'class': 'text-center',
    },{
      name: 'toLocation.code',
      data: 'toLocation.code',
        'class': 'text-center',
    },{
      name: 'fromContainNumber',
      data: 'fromContainNumber',
        'class': 'text-center',
    },{
      name: 'createdDate',
      data: 'createdDate',
        'class': 'text-center',
    },{
      name: 'status',
      data: 'status',
        'class': 'text-center',
        render: function (data, type, row, meta) {
            if (data=='0000') return '创建';
            if (data=='0200') return '已释放(WCS)';
            if (data=='0270') return '任务异常(WCS反馈)';
            if (data=='0280') return '任务完成(WCS反馈)';
            if (data=='0880') return '任务结束';
            if (data=='0850') return '任务取消';
            if (data=='AVA') return '可用';
            if (data=='LCK') return '锁定';
            return data;
        }
    },{
      name: 'errorMessages',
      data: 'errorMessages',
        'class': 'text-center',
    }, {
      data: "id",
      defaultContent: '',
      sortable: false,
      'class': 'text-center',
      render: function (data, type, row, meta) {
        return ('<div class="btn-group">' +
          '<a  class="btn btn-default btn-xs" title="修改" href="' + baseUrl + '/edit/' + row.id + '"><i class="fa fa-edit"></i></a>' +
          '<a class="btn btn-default btn-xs del" title="删除" href="#"><i class="fa fa-trash-o"></i></a>' +
          '</div>' +
          '&nbsp;&nbsp;');
      }
    }]
  });

  table.on('click', '.del', function () {
    var id = table.row($(this).parents('tr')).data().id;
    $("#delForm #ids").val(id);
    if (id) {
      bootbox.confirm("确定要删除数据吗?", function (result) {
        if (result) {
          $("#delForm").submit();
        }
      });
    }
  });

    $(".btn.epalreq").on("click", function (e) {
        var ids = [];
        $('#table>tbody input:checked').each(function (i, item) {
            ids.push($(item).val());
        });
        $("#epalreqForm #ids").val(ids.join(","));
        if (ids.length >= 0) {
            bootbox.confirm("确定要生成空托盘下架任务吗?", function (result) {
                if (result) {
                    $("#epalreqForm").submit();
                }
            });
        } else {
            bootbox.alert("请选择要下架的数据.");
        }
    });


  $(".btn.release").on("click", function (e) {
    var ids = [];
    $('#table>tbody input:checked').each(function (i, item) {
        ids.push($(item).val());
    });
    $("#releaseForm #ids").val(ids.join(","));
    if (ids.length > 0) {
        bootbox.confirm("确定要释放选中的任务并再次下发设备执行吗?", function (result) {
            if (result) {
                $("#releaseForm").submit();
            }
        });
    } else {
        bootbox.alert("请选择要释放的数据.");
    }
   });

    $(".btn.cancel").on("click", function (e) {
        var ids = [];
        $('#table>tbody input:checked').each(function (i, item) {
            ids.push($(item).val());
        });
        $("#cancelForm #ids").val(ids.join(","));
        if (ids.length > 0) {
            bootbox.confirm("确定要取消选中的任务并停止设备执行吗?", function (result) {
                if (result) {
                    $("#cancelForm").submit();
                }
            });
        } else {
            bootbox.alert("请选择要取消的数据.");
        }
    });

   $(".btn.delAll").on("click", function (e) {
    var ids = [];
    $('#table>tbody input:checked').each(function (i, item) {
      ids.push($(item).val());
    });
    $("#delForm #ids").val(ids.join(","));
    if (ids.length > 0) {
      bootbox.confirm("确定要删除选中的数据吗?", function (result) {
        if (result) {
          $("#delForm").submit();
        }
      });
    } else {
      bootbox.alert("请选择要删除的数据.");
    }
  });

  table.on('click', '.enable', function () {
    var that = this;
    var data = table.row($(this).parents('tr')).data();
    var id = data.id;
    var enabled = data.enabled;
    bootbox.confirm("确定要更新选中的数据吗?", function(resul) {
	if (resul) {
	    $.get(baseUrl + "/enable", {
	      enabled: !enabled,
	      ids: id
	    }, function (res) {
	      if (res) {
	        data.enabled = !enabled;
	        $(that).find("i").removeClass("fa-" + (enabled ? "check-" : "") + "square-o").addClass("fa-" + (!enabled ? "check-" : "") + "square-o");
	        toastr.info('操作成功!');
	      }

	    });
	}});
  });

  $('.search-form').on("submit", function (e) {
    table.draw();
    //阻止表单submit
    return false;
  });

});
